<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>API-详情页面</title>
    <!-- 重置样式 -->
    <link rel="stylesheet" href="../css/reset.css">

    <!-- 公共样式 -->
    <link rel="stylesheet" href="../css/common.css">

    <!-- swiper css -->
    <link rel="stylesheet" href="../lib/轮播图.css">

    <!-- 当前样式 -->
    <link rel="stylesheet" href="../css/APIDetails.css">
</head>

<body>
    <!-- 头部 -->
    <div class="head clearfix min-con">
        <h1 class="headleft fl"> <img src="../images/new-logo-white2.png" alt="logo"> </h1>
        <div class="headcenter fl ">
            <ul class="headcenterul clearfix">
                <a href="./home.html">
                    <li>首页</li>
                </a>
                <a href="./API.html">
                    <li class="active">API</li>
                </a>
                <a href="./customer.html">
                    <li>案例</li>
                </a>
            </ul>
        </div>
        <div class="headright fr">
            <a href="./login.html" class="head-login">登录</a>
            <a href="./register.html"> <button class="head-set">注册有礼</button> </a>
        </div>
    </div>

    <!-- convas -->
    <div class="convas">
        <div id="mydiv"></div>
    </div>

    <!-- 所有内容 -->
    <div class="allcotent con">

        <!-- APIbanner -->
        <div class="APIbannerall">
            <div class="APIbanner con clearfix">
                <div class="APIbannerleft fl">
                    <img class="img1" src="../images/API11.jpg" alt="">
                    <ul class="clearfix">
                        <li class="fl"> <img class="img2" src="../images/API_smallicon_01.jpg" alt="">103</li>
                        <li class="fl"> <img class="img2 img3" src="../images/API_smallicon_02.jpg" alt="">14245</li>
                        <li class="fl"> <img class="img2" src="../images/API_smallicon_03.jpg" alt="">623</li>
                    </ul>
                </div>
                <div class="APIbannerright fl">
                    <div class="APIbannerrightp1">
                        <h2>身份证实名认证 </h2>
                        <span>支持HTTPS</span>
                        <span>企业专用</span>
                    </div>
                    <ul class="clearfix">
                        <li class="APIbannerrightli1 fl"> <img src="../images/API03.jpg " alt=""> 限企业实名用户使用</li>
                        <li class="APIbannerrightli1 fl"> <img src="../images/API08.jpg " alt=""> 本接口需提供应用场景审核</li>
                        <li class="APIbannerrightli1 fl"> <img src="../images/API05.jpg " alt=""> 个人实名用户无法使用</li>
                    </ul>
                    <p class="APIbannerrightp2">
                        检测姓名和身份证号是否一致，身份证验证。
                    </p>
                    <ul class="APIbannerul2 clearfix">
                        <div class="APIbannerrightli2 record fl active1">
                            <img src="../images/API17.jpg" alt="">
                            <span>扫码测试</span>
                            <div class="APIbannerul7">
                                <img src="../images/103-demo.png" alt="">
                                <p>打开微信扫一扫</p>
                            </div>
                        </div>
                        <!--  <li class="APIbannerrightli2 fl active">
                            4000次
                        </li>
                        <li class="APIbannerrightli2 fl">
                            8000次
                        </li>
                        <li class="APIbannerrightli2 fl">
                            40000次
                        </li> -->

                    </ul>

                    <p class="APIbannerrightp3">&yen; <span class="price1">2000</span>(约 <span
                            class="price2">0.2500</span> 元/次),仅限企业实名购买;</p>
                    <p class="APIbannerrightp4">
                        <button>立即申请</button>
                    </p>
                </div>
            </div>
        </div>

        <!-- 选项卡 -->
        <div class="navlistall clearfix">
            <div class="navlist clearfix">
                <ul class="navlist1 con">
                        <li class="fl active">API文档</li>
                        <li class="fl">错误码参照</li>
                        <li class="fl">示例代码</li>
                        <li class="fl">联系我们</li>
                </ul>
            </div>

            <div class="navlistleft con clearfix">
                <div class="countent6 fl on">
                    <div class="navlist2left">
                        <p><span>接口地址:</span>&emsp;http://op.itsource.cn/idcard/query</p>
                        <p><span>返回格式:</span>&emsp;json</p>
                        <p><span>请求方式:</span>&emsp;http get/post</p>
                        <p><span>请求示例:</span>&emsp;http://op.itsource.cn/idcard/query?key=您申请的KEY&idcard=&realname=</p>
                        <p><span>接口备注:</span>&emsp;error_code为0时计费</p>
                        <a href="#">API测试工具</a>
                    </div>
                    <div class="navlist3left">
                        <p>请求参数说明:</p>
                        <table class="navlist3lefttable">
                            <tr  class="back">
                                <th>名称</th>
                                <th>必填</th>
                                <th>类型</th>
                                <th class="navlist3lefttablets">说明</th>
                            </tr>
                            <tr>
                                <td>idcard</td>
                                <td>是</td>
                                <td>string</td>
                                <td class="navlist3lefttablets">身份证号码</td>
                            </tr>
                            <tr>
                                <td>realname</td>
                                <td>是</td>
                                <td>string</td>
                                <td class="navlist3lefttablets"> 姓名(UTF-8)</td>
                            </tr>
                            <tr>
                                <td>orderid</td>
                                <td>否</td>
                                <td>int</td>
                                <td class="navlist3lefttablets">传1时返回单号，默认不返回单号(建议传入)</td>
                            </tr>
                            <tr>
                                <td>key</td>
                                <td>是</td>
                                <td>string</td>
                                <td class="navlist3lefttablets">在个人中心->我的数据,接口名称上方查看</td>
                            </tr>
                        </table>
                    </div>
                    <div class="navlist3left">
                        <p>请求参数说明:</p>
                        <table class="navlist3lefttable">
                            <tr  class="back">
                                <th>名称</th>
                                <th>类型</th>
                                <th>说明</th>
                            </tr>
                            <tr>
                                <td>error_code</td>
                                <td>int</td>
                                <td>返回码</td>
                            </tr>
                            <tr>
                                <td>reason</td>
                                <td>string</td>
                                <td>返回说明</td>
                            </tr>
                            <tr>
                                <td>result</td>
                                <td>object</td>
                                <td>返回结果集</td>
                            </tr>
                            <tr>
                                <td>realname</td>
                                <td>string</td>
                                <td>属result,真实姓名</td>
                            </tr>
                            <tr>
                                <td>idcard</td>
                                <td>string</td>
                                <td>属result,身份证号</td>
                            </tr>
                            <tr>
                                <td> res</td>
                                <td>int</td>
                                <td>属result,匹配详情,1匹配,2不匹配</td>
                            </tr>
                        </table>
                    </div>
                    <div class="navlist3left">
                        <p>JSON返回示例:&emsp; <a class="navlist3leftlink" href="#">JSON在线格式化工具</a></p>
                        <div class="navlist3leftexam">
                            <p>{</p>
                            <p class="tindent10"> "reason": "成功",</p>
                            <p class="tindent10"> "result": {</p>
                            <p class="tindent10"> "realname": "***",/*真实姓名*/</p>
                            <p class="tindent10"> "idcard": "******************",/*身份证号码*/</p>
                            <p class="tindent10"> "orderid":"J103202010151450419556",/*流水号*/</p>
                            <p class="tindent10"> "res": 1 /*1:匹配 2:不匹配*/</p>
                            <p class="tindent10"> },</p>
                            <p class="tindent10">"error_code": 0</p>
                            <p> }</p>
                        </div>
                        </table>
                    </div>
                </div>
                <div class="countent6 fl">
                    <div class="navlist3left">
                        <p>请求参数说明:</p>
                        <table class="navlist3lefttable">
                            <tr  class="back">
                                <th>名称</th>
                                <th>必填</th>
                                <th>类型</th>
                                <th class="navlist3lefttablets">说明</th>
                            </tr>
                            <tr>
                                <td>idcard</td>
                                <td>是</td>
                                <td>string</td>
                                <td class="navlist3lefttablets">身份证号码</td>
                            </tr>
                            <tr>
                                <td>realname</td>
                                <td>是</td>
                                <td>string</td>
                                <td class="navlist3lefttablets"> 姓名(UTF-8)</td>
                            </tr>
                            <tr>
                                <td>orderid</td>
                                <td>否</td>
                                <td>int</td>
                                <td class="navlist3lefttablets">传1时返回单号，默认不返回单号(建议传入)</td>
                            </tr>
                            <tr>
                                <td>key</td>
                                <td>是</td>
                                <td>string</td>
                                <td class="navlist3lefttablets">在个人中心->我的数据,接口名称上方查看</td>
                            </tr>
                        </table>
                    </div>
                    <div class="navlist3left">
                        <p>请求参数说明:</p>
                        <table class="navlist3lefttable">
                            <tr>
                                <th>名称</th>
                                <th>类型</th>
                                <th>说明</th>
                            </tr>
                            <tr>
                                <td>error_code</td>
                                <td>int</td>
                                <td>返回码</td>
                            </tr>
                            <tr>
                                <td>reason</td>
                                <td>string</td>
                                <td>返回说明</td>
                            </tr>
                            <tr>
                                <td>result</td>
                                <td>object</td>
                                <td>返回结果集</td>
                            </tr>
                            <tr>
                                <td>realname</td>
                                <td>string</td>
                                <td>属result,真实姓名</td>
                            </tr>
                            <tr>
                                <td>idcard</td>
                                <td>string</td>
                                <td>属result,身份证号</td>
                            </tr>
                            <tr>
                                <td> res</td>
                                <td>int</td>
                                <td>属result,匹配详情,1匹配,2不匹配</td>
                            </tr>
                        </table>
                    </div>
                    <div class="navlist3left">
                        <p>JSON返回示例:&emsp; <a class="navlist3leftlink" href="#">JSON在线格式化工具</a></p>
                        <div class="navlist3leftexam">
                            <p>{</p>
                            <p class="tindent10"> "reason": "成功",</p>
                            <p class="tindent10"> "result": {</p>
                            <p class="tindent10"> "realname": "***",/*真实姓名*/</p>
                            <p class="tindent10"> "idcard": "******************",/*身份证号码*/</p>
                            <p class="tindent10"> "orderid":"J103202010151450419556",/*流水号*/</p>
                            <p class="tindent10"> "res": 1 /*1:匹配 2:不匹配*/</p>
                            <p class="tindent10"> },</p>
                            <p class="tindent10">"error_code": 0</p>
                            <p> }</p>
                        </div>
                        </table>
                    </div>
                </div>
                <div class="countent6 fl">
                    <div class="navlist3left">
                        <p>JSON返回示例:&emsp; <a class="navlist3leftlink" href="#">JSON在线格式化工具</a></p>
                        <div class="navlist3leftexam">
                            <p>{</p>
                            <p class="tindent10"> "reason": "成功",</p>
                            <p class="tindent10"> "result": {</p>
                            <p class="tindent10"> "realname": "***",/*真实姓名*/</p>
                            <p class="tindent10"> "idcard": "******************",/*身份证号码*/</p>
                            <p class="tindent10"> "orderid":"J103202010151450419556",/*流水号*/</p>
                            <p class="tindent10"> "res": 1 /*1:匹配 2:不匹配*/</p>
                            <p class="tindent10"> },</p>
                            <p class="tindent10">"error_code": 0</p>
                            <p> }</p>
                        </div>
                        </table>
                    </div>
                </div>
                <div class="countent6 fl">
                    <div class="navlist3left">
                        <p>请求参数说明:</p>
                        <table class="navlist3lefttable">
                            <tr class="back">
                                <th>内容</th>
                                <th>详细</th>
                            </tr>
                            <tr>
                                <td>售前咨询①:</td>
                                <td>0512-88869195</td>
                            </tr>
                            <tr>
                                <td>客服热线:</td>
                                <td>400-882-7715</td>
                            </tr>
                            <tr>
                                <td>	在线客服QQ:</td>
                                <td>	800076065</td>
                            </tr>
                            <tr>
                                <td>接口测试:</td>
                                <td>	API测试工具</td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="navlistrightall fl">
                    <div class="navlistright1">
                        <h3>活动推荐/Activity</h3>
                        <img src="../images/sfz-aside1.png" alt="">
                        <img src="../images/details-aside02.png" alt="">
                        <img src="../images/details-aside03.png" alt="">
                    </div>
                    <div class="navlistright2">
                        <h3 class="like">猜你喜欢</h3>
                        <ul>
                            <li class="navlistright1li clearfix">
                                <a class="navlistright1lia1 fl" href="#"> <img src="../images/API_05.jpg" alt=""> </a>
                                <a class="navlistright1lia2" href="#">短信API服务</a><br>
                                <span class="title"> 三网合一短信通道，验证码短信 · 系统通知 · 活动通知</span>
                            </li>
                            <li class="navlistright1li clearfix">
                                <a class="navlistright1lia1 fl" href="#"> <img src="../images/API_04.jpg" alt=""> </a>
                                <a class="navlistright1lia2" href="#">短信API服务</a><br>
                                <span class="title"> 三网合一短信通道，验证码短信 · 系统通知 · 活动通知</span>
                            </li>
                            <li class="navlistright1li clearfix">
                                <a class="navlistright1lia1 fl" href="#"> <img src="../images/API_02.jpg" alt=""> </a>
                                <a class="navlistright1lia2" href="#">短信API服务</a><br>
                                <span class="title"> 三网合一短信通道，验证码短信 · 系统通知 · 活动通知</span>
                            </li>
                            <li class="navlistright1li clearfix">
                                <a class="navlistright1lia1 fl" href="#"> <img src="../images/API33.jpg" alt=""> </a>
                                <a class="navlistright1lia2" href="#">短信API服务</a><br>
                                <span class="title"> 三网合一短信通道，验证码短信 · 系统通知 · 活动通知</span>
                            </li>
                            <li class="navlistright1li clearfix">
                                <a class="navlistright1lia1 teshu fl" href="#"> <img src="../images/API_01.jpg" alt="">
                                </a>
                                <a class="navlistright1lia2" href="#">短信API服务</a><br>
                                <span class="title"> 三网合一短信通道，验证码短信 · 系统通知 · 活动通知</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <!-- 体验 -->
        <div class="experience">
            <p> 现在注册，百款接口免费测试</p>
            <a href="#"> <button>免费注册</button> </a>
        </div>
    </div>

    <!-- 尾部 -->
    <div class="foot">
        <div class="con clearfix foot11">
            <ul class="clearfix">
                <li class="fl">
                    <p class="footp1">练习与支持</p>
                    <p>400-882-7715</p>
                    <p>售前咨询</p>
                    <p>客服&售后</p>
                    <p>常见问题</p>
                    <p>极速工单</p>
                    <p>投诉与建议</p>
                </li>
                <li class="fl">
                    <p class="footp1">
                        关于源码</p>
                    <p>400-882-7715</p>
                    <p>售前咨询</p>
                    <p>客服&售后</p>
                    <p>常见问题</p>
                    <p>极速工单</p>
                    <p>投诉与建议</p>
                </li>
                <li class="fl">
                    <p class="footp1">
                        快速入口</p>
                    <p>400-882-7715</p>
                    <p>售前咨询</p>
                    <p>客服&售后</p>
                    <p>常见问题</p>
                    <p>极速工单</p>
                    <p>投诉与建议</p>
                </li>
                <li class="fl">
                    <p class="footp1">
                        产品服务</p>
                    <p>400-882-7715</p>
                    <p>售前咨询</p>
                    <p>客服&售后</p>
                    <p>常见问题</p>
                    <p>极速工单</p>
                    <p>投诉与建议</p>
                </li>
                <li class="fl">
                    <p class="footp1">解决方案</p>
                    <p>400-882-7715</p>
                    <p>售前咨询</p>
                    <p>客服&售后</p>
                    <p>常见问题</p>
                    <p>极速工单</p>
                    <p>投诉与建议</p>
                </li>
            </ul>
            <span class="footp2"> <img src="../images/bei2.png" alt=""> <img src="../images/bei1.png" alt="">
                增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3 &emsp;营业执照</span>
            <div class="fr footright">
                <p class="foot-wechat">微信公众号</p>
                <p>源码时代</p>
                <img src="../images/wechat-white.png" alt="">
                <p>源码大数据股份有限公司©版权所有</p>
            </div>
        </div>

    </div>

    <!-- 回到顶部 -->
    <button id="inputret" class="inputret"></button>

    <!-- 平滑回到顶部函数 -->
    <script src="../lib/平滑回到顶部函数.js"></script>

    <!-- 选项卡函数 -->
    <script src="../lib/api详情页选项卡.js"></script>

    <!-- 粒子效果 -->
    <script src="../lib/convas粒子效果.js"></script>

    <!-- API详情页 -->
    <script src="../js/APIDetails.js"></script>
</body>

</html>